<template>
    <div class="Desc" v-if="ShopDesc.image !== undefined">
        <div class="Descmessage">
            <h2 >商品描述</h2>
            <span>{{ShopDesc.Desc}}</span>
            <br>
            <span>{{ShopDesc.keys}}</span>
        </div>
        <div class="Descimages" v-for="item in ShopDesc.image[0].list">
            <img :src="item" alt="">

        </div>
    </div>
</template>

<script>
export default {
name:"DetailsDesc",
 props:{
     ShopDesc:{
         type:Object,
         default(){
             return{}
         }
     },
    //  Descimagelist:[]
 },


}
</script>

<style scoped>

.Descimages{
    width: 100%;
}
.Descimages img{
    width: 100%;
}
.Descmessage h2{
    text-align: center;
    padding-bottom: 3vw;
}
.Descmessage{
    font-size: 5vw;
    margin-left: 2vw;
    margin-right: 2vw;
    padding-bottom: 3vw;
}
</style>